/* theme-blue.css - 淡蓝色主题 */
.app.blue {
  background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 50%, #90caf9 100%);
}

.blue .header {
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid rgba(33, 150, 243, 0.2);
}

.blue h1 {
  color: #0d47a1;
}

.blue .toolbar {
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid rgba(33, 150, 243, 0.2);
}

.blue .toolbar button {
  background-color: rgba(197, 225, 255, 0.9);
  border: 1px solid rgba(33, 150, 243, 0.3);
  color: #0d47a1;
}

.blue .toolbar button:hover {
  background-color: rgba(165, 200, 255, 1);
  border-color: rgba(33, 150, 243, 0.5);
}

.blue .editor,
.blue .preview {
  background-color: rgb(247, 251, 255); /* 调整为更淡的蓝色背景 */
  border-right: 1px solid rgba(33, 150, 243, 0.2);
  color: #1565c0; /* 从 #0d47a1 改为更亮的 #1565c0 */
}

.blue .editor h1,
.blue .editor h2,
.blue .editor h3,
.blue .editor h4,
.blue .editor h5,
.blue .editor h6,
.blue .preview h1,
.blue .preview h2,
.blue .preview h3,
.blue .preview h4,
.blue .preview h5,
.blue .preview h6 {
  color: #1565c0; /* 从 #0d47a1 改为更亮的 #1565c0 */
}

.blue .editor p,
.blue .editor li,
.blue .editor td,
.blue .editor th,
.blue .preview p,
.blue .preview li,
.blue .preview td,
.blue .preview th {
  color: #1565c0; /* 从 #0d47a1 改为更亮的 #1565c0 */
}

.blue .editor a,
.blue .preview a {
  color: #1976d2; /* 保持链接颜色 */
}

.blue .editor code,
.blue .preview code {
  background-color: rgba(197, 225, 255, 0.3); /* 保持当前设置 */
  color: #1565c0; /* 保持当前设置 */
}

.blue .editor pre,
.blue .preview pre {
  background-color: rgba(197, 225, 255, 0.2); /* 保持当前设置 */
  border: 1px solid rgba(33, 150, 243, 0.2); /* 保持当前设置 */
}

.blue ::-webkit-scrollbar-track {
  background: rgba(33, 150, 243, 0.1);
}

.blue ::-webkit-scrollbar-thumb {
  background: rgba(33, 150, 243, 0.3);
}

.blue ::-webkit-scrollbar-thumb:hover {
  background: rgba(33, 150, 243, 0.5);
}

.blue .toolbar-show-button {
  background: linear-gradient(135deg, rgba(33, 150, 243, 0.8), rgba(30, 136, 229, 0.8));
  color: white;
  border: none;
}

.blue .toolbar-show-button:hover {
  background: linear-gradient(135deg, rgba(33, 150, 243, 0.9), rgba(30, 136, 229, 0.9));
}


/* 添加在文件末尾 */

/* 蓝色主题引用样式 */
.blue .preview blockquote {
  border-left: 4px solid #64b5f6;
  background-color: rgba(100, 181, 246, 0.1);
  color: #1565c0;
}